const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');
/*
    entry 入口起点
        1、string --> 【'./src/index.js'】
            打包形成一个chunk。输出一个bundle(也就是下面的build.js)文件
            此时chunk的名称，默认叫main
        2、array --> 【['./src/index.js','./src/add.js']】
            多入口
            所有的入口文件最终只会形成一个chunk，输出出去只有一个bundle文件
            ---> 一般来讲只有在HMR功能中让html热更新生效
        3、object
            多入口
            有几个入口文件就会形成几个chunk，输出文件就有几个bundle文件
            此时chunk的名称是 key 【{index:'./src/index.js',add:'./src/add.js'}】
        4、特殊用法，object 与 array 联合使用
            【{index:['./src/index.js','./src/count.js'],add:'./src/add.js'}】
*/


module.exports = {
    entry: {
        index:['./src/index.js','./src/count.js'],
        add:'./src/add.js'
    },
    output: {
        filename: '[name].build.js',
        path: resolve(__dirname, 'build')
    },
    // loader 配置
    module: {
        rules: [
        ]
    },
    plugins: [
        new HtmlWebpackPlugin(),
    ],
    mode: 'development', // 开发模式
    // mode: 'production', // 生产模式


}